<!DOCTYPE HTML>

<html>
  <head>
    <title>Alert Example Title</title>
    <script type="text/javascript" src="/static/jquery.min.js"></script>
    <script type="text/javascript">
      $(document).ready(function(){
        $('.alerta').click(function() { alert('This is an alert example.'); });

        $('.pergunta').click(function() { nome = prompt('What is your name?'); alert(nome); });

        $('.confirmacao').click(function() {
            answer = confirm('Should I continue?');
            if (answer)
                alert("You say I should");
            else
                alert("You say I should not");
        });
      })
    </script>
  </head>
  <body>
    <h1 class="alerta">Alert Example Title</h1>
    <h2 class="pergunta">Prompt Example Subtitle</h2>
    <h3 class="confirmacao">Confirm Example Subtitle</h3>
  </body>
</html>
